Ext.define('Siga.view.portal.VSesion', {
    extend: 'Ext.form.FormPanel',
    alias: 'widget.vSesion',
    frame: false,
    border: false,
    autoScroll: true,
    defaults: {
        anchor: '100%',
        xtype: 'textfield'
    },
    initComponent: function() {
        var me = this;
        me.items = me.buildItems();
        Ext.apply(Ext.form.VTypes, {
            validacionNumero: function(value, field) {
                return /[0-9]/.test(value);
            },
            validacionNumeroText: 'Los datos ingresado no son válidos. Solo números',
            validacionNumeroMask: /[0-9]/i
        });
        me.callParent();
    },
    buildItems: function() {
        return [{
                id: 'app-sesion',
                xtype: 'fieldset',
                style: 'background:#BB0505;',
                margin: '4 0 0 0',
                layout: 'anchor',
                defaults: {
                    anchor: '100%',
                    margin: '4 0 4 0',
                },
                items: [
                    {
                        xtype: 'fieldcontainer',
                        layout: {
                            type: 'hbox',
                            pack: 'end',
                            align: 'begin'
                        },
                        items: [{
                                xtype: 'fieldcontainer',
                                layout: {
                                    type: 'vbox'
                                },
                                items: [{
                                        xtype: 'label',
                                        id: 'lblInformacion',
                                        text: 'Sistema de Inscripcion PNF y Actualización de Planillas PNF ON-LINE.',
                                        style: {
                                            color: 'white',
                                            'font-size': '18px'
                                        }
                                    },
                                    {
                                        xtype: 'label',
                                        id: 'lblInformacion2',
                                        text: 'Usuario = Cedula   y   Password = Cedula: ',
                                        style: {
                                            color: 'white',
                                        }
                                    },
                                    {
                                        xtype: 'form',
                                        layout: 'hbox',
                                        frame: false,
                                        allowBlank: false,
                                        border: false,
                                        bodyStyle: 'background-color: transparent;',
                                        minButtonWidth: 32,
                                        buttonAlign: 'center',
                                        items: [{
                                                xtype: 'textfield',
                                                id: 'login',
                                                name: 'login',
                                                emptyText: 'Usuario',
                                                margin: '0 5 0 0',
                                                allowBlank: false
                                            }, {
                                                xtype: 'textfield',
                                                id: 'password',
                                                name: 'password',
                                                emptyText: 'Password',
                                                inputType: 'password',
                                                margin: '0 5 0 0',
                                                allowBlank: false
                                            }, {
                                                xtype: 'button',
                                                id: 'btn-inicio',
                                                name: 'go',
                                                text: 'IDENTIFICARSE',
                                                action: 'inicio',
                                                allowBlank: false,
                                                onsubmit: "return validar(this)"
                                            }]//Fin de Items de form
                                    }]//Fin de Items de fieldcontainer
                            }]
                    }]
            }]
    }
});

